@charset 'utf-8';
$font-size:100px;
@function api($px) {
    @return $px/$font-size*1rem;
}

html {
    font-size: $font-size;
}

.web {
    width: 100%;
    height: 100%;
    background: url(../images/diwen.png);
    box-sizing: border-box;
    padding-left: api(80px);
    padding-right: api(80px);
    padding-top: api(210px);
    text-align: center;
    position: relative;
    .musicbutton {
        width: api(50px);
        height: api(50px);
        position: absolute;
        z-index: 9999;
        top: api(30px);
        right: api(30px);
        background: #E7C598;
        line-height: api(50px);
        border-radius: 50%;
        text-align: center;
        animation: mu 4s infinite;
        @-webkit-keyframes mu {
            from {
                transform: rotateX(0);
            }
            to {
                transform: rotateX(360deg);
            }
        }
        .iconfont {
            display: block;
            font-size: api(35px);
            color: #BF0C21;
            animation: music 4s infinite;
        }
        @keyframes music {
            from {
                transform: rotate(0);
            }
            to {
                transform: rotate(360deg);
            }
        }
        @-webkit-keyframes music {
            from {
                transform: rotate(0);
            }
            to {
                transform: rotate(360deg);
            }
        }
    }
    #container {
        width: api(470px);
        height: api(440px);
        margin: 0 auto;
    }
    p {
        font-size: api(32px);
        color: #E7C598;
    }
    .one {
        margin-top: api(40px);
    }
    .home {
        width: api(41px);
        height: api(41px);
        text-align: center;
        line-height: api(41px);
        border-radius: 50%;
        background: #E7C598;
        position: absolute;
        right: api(56px);
        bottom: api(25px);
        font-size: 0;
        a {
            display: inline-block;
            font-size: api(30px);
            color: #BF0C21;
        }
    }
}